<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        /* .a{
            color: red;
        } */
        /* div[class="a"] {
            color: red;
        }
        input[type="button"] {
            color: green; */
        /* } */


        div[qwert="b"] {
            color: green;
        }


    </style>
</head>
<body>


    <input type="button" value="按钮">
    <input type="text">

    <div id="" class="a" qwert="b">div</div>

    <!-- <banner>hello</banner>   // 自定义标签 -->



    <script>

        // 基本数据类型
        // 复杂数据类型  --- 引用数据类型
        //     function  object

        var f = function(){} ;
        console.log(typeof f);   // function


        // 对象
        //   对象都拥有属性和方法(函数)
        //    name,age,sex 称为属性
        //    say 函数(方法)


        var person = {
            name : 'cherry' ,
            age : 18 ,
            sex : '女' ,
            say : function() {
                console.log('hello world');
            }
        }


        // Math对象   -- 系统对象

        // person -- 自定义对象


        // 点语法  对象.属性
        console.log(person.age) ;

        person.say() ;



        // Math.random()


        // 对象的数据类型
        console.log(typeof person);   // object


    </script>
    
</body>
</html>